document.writeln("<!DOCTYPE html PUBLIC \'-//W3C//DTD XHTML 1.0 Transitional//EN\' \'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\'>");
document.writeln("<html xmlns=\'http://www.w3.org/1999/xhtml\'>");
document.writeln("	<head>");
document.writeln("		<title></title>");
document.writeln("");
document.writeln("		<!-- 引入  vue -->");
document.writeln("		<script src=\'../js/vue.js\'></script>");
document.writeln("		<!-- 引入 element-ul 样式 -->");
document.writeln("		<link rel=\'stylesheet\' href=\'../plugin/element/index.css\'>");
document.writeln("		<!-- 引入全局样式 -->");
document.writeln("		<link rel=\'stylesheet\' href=\'../css/global.css\' />");
document.writeln("		<!-- 引入 element-ul js -->");
document.writeln("		<script src=\'../plugin/element/index.js\'></script>");
document.writeln("");
document.writeln("		<style type=\'text/css\'>");
document.writeln("			.el-menu {");
document.writeln("				height: 100%;");
document.writeln("				border: none;");
document.writeln("			}");
document.writeln("");
document.writeln("			.el-submenu__title:hover {");
document.writeln("				background: #F8F8FF;");
document.writeln("			}");
document.writeln("");
document.writeln("			.el-menu-item:focus,");
document.writeln("			.el-menu-item:hover {");
document.writeln("				background: #F8F8FF;");
document.writeln("				color: #6462F3;");
document.writeln("			}");
document.writeln("");
document.writeln("			.nav-wrapper {");
document.writeln("				position: fixed;");
document.writeln("				top: 82px;");
document.writeln("				bottom: 0;");
document.writeln("				width: 257px;");
document.writeln("				background: #FFFFFF;");
document.writeln("				z-index: 100;");
document.writeln("			}");
document.writeln("");
document.writeln("			.el-submenu .el-menu-item {");
document.writeln("				padding-left: 51px !important;");
document.writeln("			}");
document.writeln("			.el-menu-item a {");
document.writeln("				color: #303133;");
document.writeln("			}");
document.writeln("			.el-menu-item:focus, .el-menu-item:hover a {");
document.writeln("				color: #6462F3;");
document.writeln("			}");
document.writeln("		</style>");
document.writeln("	</head>");
document.writeln("");
document.writeln("	<body>");
document.writeln("		<div class=\'nav-wrapper\' v-cloak>");
document.writeln("			<el-menu class=\'el-menu-vertical-demo\' @open=\'handleOpen\' @close=\'handleClose\'>");
document.writeln("");
document.writeln("				<el-menu-item index=\'1\'>");
document.writeln("					<i class=\'el-icon-setting\'></i>");
document.writeln("					<span slot=\'title\'>总览</span>");
document.writeln("				</el-menu-item>");
document.writeln("");
document.writeln("				<el-submenu index=\'2\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>产品管理</span>");
document.writeln("					</template>");
document.writeln("					<el-menu-item index=\'2-1\'>云服务器CVM</el-menu-item>");
document.writeln("					<el-menu-item index=\'2-2\'>轻量应用云服务器</el-menu-item>");
document.writeln("					<el-menu-item index=\'2-3\'>计算型云服务器</el-menu-item>");
document.writeln("					<el-menu-item index=\'2-4\'>内存型云服务器</el-menu-item>");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("				<el-submenu index=\'3\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>续费管理</span>");
document.writeln("					</template>");
document.writeln("");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("");
document.writeln("				<el-submenu index=\'4\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>订单中心</span>");
document.writeln("					</template>");
document.writeln("");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("				<el-submenu index=\'5\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'iconfont\'>&#xe641;</i>");
document.writeln("						<span>我的钱包</span>");
document.writeln("					</template>");
document.writeln("");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("				<el-submenu index=\'6\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>我的工单</span>");
document.writeln("					</template>");
document.writeln("");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("");
document.writeln("				<el-submenu index=\'7\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>账号设置</span>");
document.writeln("					</template>");
document.writeln("");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("				<el-submenu index=\'8\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>专属客服</span>");
document.writeln("					</template>");
document.writeln("");
document.writeln("				</el-submenu>");
document.writeln("				");
document.writeln("				");
document.writeln("				<el-submenu index=\'9\'>");
document.writeln("					<template slot=\'title\'>");
document.writeln("						<i class=\'el-icon-location\'></i>");
document.writeln("						<span>我的消息</span>");
document.writeln("					</template>");
document.writeln("					<a href=\'../message/index.html?type=all\'><el-menu-item index=\'9-1\'>全部消息</el-menu-item></a>");
document.writeln("					<a href=\'../message/index.html?type=noread\'><el-menu-item index=\'9-2\'>未读消息</el-menu-item></a>");
document.writeln("					<a href=\'../message/index.html?type=alreadyRead\'><el-menu-item index=\'9-3\'>已读消息</el-menu-item></a>");
document.writeln("				</el-submenu>");
document.writeln("");
document.writeln("");
document.writeln("");
document.writeln("			</el-menu>");
document.writeln("");
document.writeln("");
document.writeln("		</div>");
document.writeln("");
document.writeln("");
document.writeln("		<!-- vue  -->");
document.writeln("		<script>");
document.writeln("			let vmNav = new Vue({");
document.writeln("				el: \'.nav-wrapper\',");
document.writeln("				data: function() {");
document.writeln("					return {");
document.writeln("");
document.writeln("					}");
document.writeln("				},");
document.writeln("				methods: {");
document.writeln("					handleOpen: function(key, keyPath) {");
document.writeln("						console.log(key, keyPath);");
document.writeln("					},");
document.writeln("					handleClose: function(key, keyPath) {");
document.writeln("						console.log(key, keyPath);");
document.writeln("					}");
document.writeln("				},");
document.writeln("				mounted: function() {");
document.writeln("");
document.writeln("				}");
document.writeln("");
document.writeln("			})");
document.writeln("		</script>");
document.writeln("	</body>");
document.writeln("</html>");
document.writeln("");